<{include file="element/inc_header.html"}>
 
<div class="main-container" id="main-container">
	<script type="text/javascript">
		try{ace.settings.check('main-container' , 'fixed')}catch(e){}
	</script>

	<div class="main-container-inner">
		<div class="page-content">
			<div class="page-header">
				<div class="widget-toolbar no-border"> 
					<a href="javascript:void(0)" class="btn btn-xs bigger btn-yellow">
						<i class="icon-cog"></i>
						高级筛选及导出
					</a> 
				</div>
				<h1>
					数据列表
					<small>
						<i class="icon-double-angle-right"></i>
						数据表格 &amp; 列表
					</small>
				</h1>
			</div><!-- /.page-header -->
			<div class="widget-box"  style="display: none"  >
				<div class="widget-header">
					<h4>条件查询</h4>
					
				</div>
				<div class="widget-body">
					<div class="widget-main">
						<form action="/admin.php?c=order" method="get" class="form-inline">
							<input type="hidden" name="c" value="order" />
							<input type="hidden" name="a" value="index" />
							<input type="hidden" name="page" value="1" />
							<table>
								<tr> 
									<td>
										<label>订单状态</label>
									</td>
									<td> 
										<div class="input-group">
											<select class="input-medium" id="s_status" name="s_status">
												<option value="">== 所有 ==</option>
												<{foreach from=$OrderStatusList item=text key=key }>
												<option value="<{$key}>"><{$text}></option>
												<{/foreach}>
											</select>
										</div>

									</td>
									<td>
										<label>订单编号</label>
									</td>
									<td> 
										<div class="input-group"> 
											<input type="text" id="s_order" name="s_order" placeholder="订单编号" value="<{$whereArray.s_order}>" title="订单编号" >
										</div>
									</td>
									<td>
										<label>收件人</label>
									</td>
									<td> 
										<div class="input-group"> 
											<input type="text" id="s_name" name="s_name" placeholder="收件人" value="<{$whereArray.s_name}>" title="收件人">
										</div>
									</td>
									<td>
										<label>电话</label>
									</td>
									<td> 
										<div class="input-group"> 
											<input type="text" id="s_mobile" name="s_mobile" placeholder="电话" value="<{$whereArray.s_mobile}>" title="电话"> 
										</div>
									</td>
									<td>
										<button type="submit" class="btn btn-info btn-sm">
											<i class="icon-search bigger-110"></i>
											查找
										</button>
										<button type="button" class="btn btn-pink btn-sm">
											<i class="icon-share-alt bigger-110"></i>
											导出
										</button>
									</td>
								</tr>
							</table> 		
						</form> 
					</div>
				</div>
			</div> 	
			<div class="row">
				<div class="col-xs-12">
					<!-- PAGE CONTENT BEGINS -->
					<div class="row"> 
						<div class="col-xs-12" style="margin: 5px 0px 10px 0px;"> 
							<label>批量操作：</label>
							<div class="btn-group">
								<button data-toggle="dropdown" class="btn btn-info btn-sm dropdown-toggle">
									基本操作
									<span class="icon-caret-down icon-on-right"></span>
								</button>
								<ul class="dropdown-menu dropdown-info pull-right">
									<li>
										<a href="javascript:void(0)"><i class="icon-zoom-in bigger-130"></i>&nbsp;&nbsp;生成发货单</a>
									</li>

									<li>
										<a href="javascript:void(0)"><i class="icon-pencil bigger-130"></i>&nbsp;&nbsp;取消订单</a>
									</li>

									<li>
										<a href="javascript:void(0)"><i class="icon-pencil bigger-130"></i>&nbsp;&nbsp;修改备注</a>
									</li>

									<li class="divider"></li>

									<li>
										<a href="javascript:void(0)"><i class="icon-trash bigger-130"></i>&nbsp;&nbsp;删除订单</a>
									</li>
								</ul>
							</div>
								
							<!-- 顶部分布 -->	
							<ul class="pagination pull-right no-margin">
								<{$pager}>
							</ul>
						</div>
					</div>
						
						
					<div class="table-responsive">
						<table id="sample-table-1" class="table table-striped table-bordered table-hover">
							<thead>
								<tr>
									<th class="center">
										<label>
											<input type="checkbox" class="ace ckt" data-list="ckl" />
											<span class="lbl"></span>
										</label>
									</th>
									<th>订单编号</th>
									<th colspan="2">商品信息</th>
									<th>
										<i class="icon-time bigger-110 hidden-480"></i>
										收件人信息
									</th>
									<th>
										<i class="icon-time bigger-110 hidden-480"></i>
										日期信息
									</th>
									<th>状态</th> 
									<th></th>
								</tr>
							</thead>

							<tbody> 
								<{foreach from=$datalist item=order }>

								<tr>
									<td class="center">
										<label>
											<input type="checkbox" class="ace ckl" />
											<span class="lbl"></span>
										</label>
									</td> 
									<td>
										<a href="#"><{$order.openid}></a>
									</td>
									<td> 
										<img style="height:30px" src="http://fckdnd.meitoday.com<{$order.photo}>" /> 
									</td>
									<td> 
										<{$order.kisscount}>
									</td> 
									<td>
										<{if $order.status==1}>已支付<{else}>未支付<{/if}>
									</td>
									<td>
										下单时间：<{$order.created}>
									</td>

									<td>
										<span class="label label-sm label-warning"><{$order.statusStr}></span>
									</td> 
									<td>
										<div class="btn-group">
											<button data-toggle="dropdown" class="btn btn-info btn-sm dropdown-toggle">
												基本操作
												<span class="icon-caret-down icon-on-right"></span>
											</button>
											<ul class="dropdown-menu dropdown-info pull-right">
												<li>
													<a href="javascript:void(0)"><i class="icon-zoom-in bigger-130"></i>&nbsp;&nbsp;生成发货单</a>
												</li>

												<li>
													<a href="javascript:void(0)"><i class="icon-pencil bigger-130"></i>&nbsp;&nbsp;取消订单</a>
												</li>

												<li>
													<a href="javascript:void(0)"><i class="icon-pencil bigger-130"></i>&nbsp;&nbsp;修改备注</a>
												</li>

												<li class="divider"></li>

												<li>
													<a href="javascript:void(0)"><i class="icon-trash bigger-130"></i>&nbsp;&nbsp;删除订单</a>
												</li>
											</ul>
										</div>
									</td>
								</tr>
								<{/foreach}>  
							</tbody>
						</table>
					</div>
					<!-- 底部分布 -->			
					<div class="modal-footer no-margin-top">
						<{if $pager}>
						共有留言<{$pager.total_count}>条，共有<{$pager.total_page}>页（每页<{$pager.page_size}>条留言）：
						<ul class="pagination pull-right no-margin">
							<{if $pager.current_page != $pager.first_page}> 
							<li class="prev"><a href="<{$pager.prev_page}>">
									<i class="icon-double-angle-left"></i></a>
							</li>
							<{else}>
							<li class="prev disabled"><a href="url"><i class="icon-double-angle-left"></i></a></li>
							<{/if}>

							<{foreach from=$pager.all_pages item=thepage}>
							<{if ($thepage - $pager.current_page < -3 || $thepage - $pager.current_page > 3)  }>
							<{else}> 
							<{if $thepage != $pager.current_page}> 
							<li><a href="url<{$thepage}>"><{$thepage}></a></li>
							<{else}> 
							<li class="active"><a href="javascript:void(0)"><{$thepage}></a></li>
							<{/if}>
							<{/if}> 
							<{/foreach}>
							<!--
							<{foreach from=$pager.all_pages item=thepage}>
							<{if $thepage != $pager.current_page}> 
							<li><a href="url<{$thepage}>"><{$thepage}></a></li>
							<{else}> 
							<li class="active"><a href="javascript:void(0)"><{$thepage}></a></li>
							<{/if}>
							<{/foreach}>
							-->
							<{if $pager.current_page != $pager.last_page}> 
							<li class="next">
								<a href="<{$next_page}>"><i class="icon-double-angle-right"></i></a>
							</li>
							<{else}>
							<li class="next disabled"><a href="url"><i class="icon-double-angle-right"></i></a></li>
							<{/if}>
						</ul>
						<{/if}>
					</div>
						
				</div>
									
								 
  
			</div><!-- /.row --> 
		</div><!-- /.page-content --> 
  
	</div><!-- /.main-container -->
</div>
<{include file="element/js_lib.html"}>
<script language="javascript">
	jQuery(function(){
			$('.date-picker').datepicker({autoclose:true}).next().on(ace.click_event, function(){
					$(this).prev().focus();
				});
  
			$('table th input:checkbox').on('click' , function(){
					var that = this;
					$(this).closest('table').find('tr > td:first-child input:checkbox')
					.each(function(){ this.checked = that.checked; $(this).closest('tr').toggleClass('selected');
						});
						
				});  
		 
		 
		})
</script> 
